<template>
<div class="outer">
  <h1>
    今天也要开心鸭
  </h1>
  <h2>{{ str }}</h2>
  <h2 v-beauty="str">丫丫</h2>
  <Child/>
</div>
</template>

<script lang='ts' setup name='App'>
import Child from './Child.vue';
import {ref} from "vue"
let str=ref("呵呵")
</script>

<style scoped>
.outer{
  background-color: #ddd;
  border-radius: 20px;
  padding: 10px;
}

</style>